<template>
  <div>
    <h1>宠物美容</h1>
    <h3>
      <i>具体宠物美容信息请到店咨询 --- 江苏海洋大学宠物门店</i>
    </h3>
    <el-table :data="petCareList" border style="width: 100%" class="tab">
      <el-table-column prop="cname" label="项目名"> </el-table-column>
      <el-table-column prop="price" label="普通价格(RMB)"></el-table-column>
      <el-table-column prop="member_price" label="会员价格(RMB)"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import { petCareList } from '@/api/petCare'
export default {
  name: 'PetCare',
  data() {
    return {
      petCareList: [],
    }
  },
  created() {
    this.getPetCareList()
  },
  methods: {
    async getPetCareList() {
      const result = await petCareList()
      if (result.status !== 0) return this.$message.error('网络异常，稍后再试～')
      this.petCareList = result.data
    },
  },
}
</script>

<style lang="less" scoped>
h1,
h3 {
  color: rgb(152, 103, 61);
  margin: 30px;
}
</style>
